/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/2/27.
	 */
	var SideBar = __webpack_require__(18);
	var Tabs = __webpack_require__(22);
	var TabItem = Tabs.TabItem;

	var Root = React.createClass({displayName: "Root",
	    getInitialState: function () {
	        return{
	            sideBarItem:PageDM.sideBar.value,
	            faqType: PageDM.faqType.value,
	            faq: PageDM.faq.value
	        }
	    },
	    componentDidMount: function(){
	        var _this = this;
	        UEventHub.on(PageDM.faqType.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                faqType: v
	            });
	        });
	        UEventHub.on(PageDM.faq.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.setState({
	                faq: v
	            });
	        });
	        UEventHub.emit("pageLoad","hello world!");
	    },
	    tabsCallBack: function(index){
	        this.defaultActiveKey = index;
	    },
	    render: function() {
	        var _this = this;
	        return (
	            React.createElement("div", null, 
	                React.createElement("div", {className: "mod-account container"}, 
	                    React.createElement("div", {className: "sub-nav"}, 
	                        React.createElement(SideBar, {sideBarItem: this.state.sideBarItem})
	                    ), 
	                    React.createElement("div", {className: "account padding"}, 
	                        React.createElement("div", {className: "mod-title title"}, React.createElement("b", null), "常见问题", React.createElement("b", null)), 
	                        React.createElement("div", {className: "faq-center"}, 
	                            React.createElement(Tabs, {defaultActiveKey: 0, callback: _this.tabsCallBack.bind(_this)}, 
	                                
	                                    _this.state.faqType.map(function(item,index){
	                                        var type = item.QuestionType;
	                                        return (
	                                            React.createElement(TabItem, {tab: item.QuestionTypeName}, 
	                                                React.createElement("div", {className: "faq-list"}, 
	                                                    React.createElement("ul", null, 
	                                                        
	                                                            _this.state.faq.map(function(it,ii){
	                                                                if(it.QuestionType == type){
	                                                                    return (
	                                                                        React.createElement("li", null, 
	                                                                            React.createElement("span", {className: "faq-title"}, 
	                                                                                React.createElement("i", {class: "num"}, ii), 
	                                                                                React.createElement("i", {class: "question"}, it.Title)
	                                                                            ), 
	                                                                            React.createElement("span", {className: "faq-answer"}, 
	                                                                                React.createElement("p", null, it.Description)
	                                                                            )
	                                                                        )
	                                                                    )
	                                                                }else{
	                                                                    return (React.createElement("li", null));
	                                                                }
	                                                            })
	                                                        
	                                                    )
	                                                )
	                                            )
	                                        )
	                                    })
	                                
	                            )
	                        )
	                    ), 
	                    React.createElement("div", {className: "clear"})
	                )
	            )
	        )
	    }
	});
	ReactDOM.render(React.createElement(Root, null), document.getElementById('giraffe'));

/***/ },
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */,
/* 14 */,
/* 15 */
/***/ function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
	  Copyright (c) 2016 Jed Watson.
	  Licensed under the MIT License (MIT), see
	  http://jedwatson.github.io/classnames
	*/
	/* global define */

	(function () {
		'use strict';

		var hasOwn = {}.hasOwnProperty;

		function classNames () {
			var classes = [];

			for (var i = 0; i < arguments.length; i++) {
				var arg = arguments[i];
				if (!arg) continue;

				var argType = typeof arg;

				if (argType === 'string' || argType === 'number') {
					classes.push(arg);
				} else if (Array.isArray(arg)) {
					classes.push(classNames.apply(null, arg));
				} else if (argType === 'object') {
					for (var key in arg) {
						if (hasOwn.call(arg, key) && arg[key]) {
							classes.push(key);
						}
					}
				}
			}

			return classes.join(' ');
		}

		if (typeof module !== 'undefined' && module.exports) {
			module.exports = classNames;
		} else if (true) {
			// register as 'classnames', consistent with npm package name
			!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
				return classNames;
			}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
		} else {
			window.classNames = classNames;
		}
	}());


/***/ },
/* 16 */,
/* 17 */,
/* 18 */
/***/ function(module, exports, __webpack_require__) {

	/*
	 * Created by Administrator on 2017/3/31.
	 */
	var Collapse = __webpack_require__(19).Collapse;
	var Panel = __webpack_require__(19).Panel;
	var SideBar = React.createClass({displayName: "SideBar",
	    getDefaultProps: function() {
	        return{

	        }
	    },
	    getInitialState: function () {
	        return{
	            sideBarItem : this.props.sideBarItem
	        }
	    },
	    componentDidMount:function(){

	    },
	    render: function () {
	        var defaultkey = 0;
	        var sidebarlist = this.state.sideBarItem.sideBarList;
	        for(var i = 0; i < sidebarlist.length; i++){
	            for(var j = 0; j < sidebarlist[i].itemChildList.length; j++){
	                if(sidebarlist[i].itemChildList[j].current){
	                    defaultkey = i;
	                    break;
	                }
	            }
	        }

	        var collapseSettings = {
	            defaultKey: defaultkey,
	            afterCallBack : function(){
	                console.log("回调");
	            }
	        };
	        var panelSettings = {
	            arrow : {
	                style : {
	                    top: "6px",
	                    left: "130px"
	                },
	                openContent : "<i class='icon-sanjiaoxing iconfont'></i>",
	                closeContent : "<i class='icon-sanjiaoxing2 iconfont'></i>"
	            },
	            headerCanClick: true,
	            arrowCanClick: true
	        };
	        return (
	            React.createElement("div", {className: "sub-nav"}, 
	                React.createElement(Collapse, React.__spread({accordion: true},   collapseSettings), 
	                    
	                        this.state.sideBarItem.sideBarList.map(function(item,index){
	                            return (
	                                React.createElement(Panel, React.__spread({title: item.itemName, key: index},  panelSettings), 
	                                    React.createElement("ul", null, 
	                                        
	                                            item.itemChildList.map(function(itm,idx){
	                                                return (
	                                                    React.createElement("li", {className: itm.current?"current":""}, React.createElement("a", {href: itm.childUrl}, itm.childName))
	                                                )
	                                            })
	                                        
	                                    )
	                                )
	                            )
	                        })
	                    
	                )
	            )
	        )
	    }
	})

	module.exports = SideBar;

/***/ },
/* 19 */
/***/ function(module, exports, __webpack_require__) {

	/*
	 * @constructs
	 * Created by Administrator on 2017/2/9.
	 */
	module.exports = {
	    Collapse:__webpack_require__(20),
	    Panel:__webpack_require__(21)
	}

/***/ },
/* 20 */
/***/ function(module, exports) {

	/*
	 * Created by Administrator on 2016/12/9.
	 */
	/**
	 * Collapse组件
	 *
	 * @class Collapse
	 * @extends Basic
	 *
	 * @param [afterCallBack] 回调函数
	 * @param [arrow] 箭头
	 * @param [headerCanClick] 头部是否可点击
	 * @param [arrowCanClick] 箭头是否可点击
	 * @param [accordion] 是否是手风琴效果
	 *
	 * 示例:
	 *
	 *     @example
	 *     var collapseSettings = {
	 *           afterCallBack : function(){
	 *               console.log("回调");
	 *           }
	 *       };
	 *       var panelOneSettings = {
	 *           arrow : {
	 *               style : {
	 *                   top: "0",
	 *                   right: "50px"
	 *               },
	 *               openContent : "修改↓",
	 *               closeContent : "修改↑"
	 *           },
	 *           headerCanClick: false,
	 *           arrowCanClick: true
	 *       };
	 *       var panelTwoSettings = {
	 *           arrow : {
	 *               style : {
	 *                   top: "0",
	 *                   left: "16px"
	 *               },
	 *               openContent : "v",
	 *               closeContent : ">"
	 *           },
	 *           headerCanClick: true,
	 *           arrowCanClick: true
	 *       };
	 *        <Collapse {...collapseSettings}>
	 *            <Panel title={<h4 style={{color: "#000"}}>This is panel header 1</h4>} key="1" {...panelOneSettings}>
	 *                <div>
	 *                    姓名：<input type="text" className="name" /><br /><br />
	 *                    电话：<input type="text" className="phone" />
	 *                </div>
	 *            </Panel>
	 *            <Panel title={'This is panel header 2'} key="2" {...panelOneSettings}>
	 *               <p>内容1</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 3'} key="3" {...panelOneSettings}>
	 *               <p>内容2</p>
	 *            </Panel>
	 *        </Collapse>
	 *        <Collapse accordion>
	 *            <Panel title={'This is panel header 1'} key="1" {...panelTwoSettings}>
	 *               <p>内容1</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 2'} key="2" {...panelTwoSettings}>
	 *               <p>内容2</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 3'} key="3" {...panelTwoSettings}>
	 *               <p>内容3</p>
	 *            </Panel>
	 *        </Collapse>
	 */
	var Collapse = React.createClass({displayName: "Collapse",
	    getDefaultProps: function(){
	        return {
	            defaultKey : 0,
	            afterCallBack: function(){

	            }
	        }
	    },
	    getInitialState: function () {
	        var _this = this;
	        return {
	            panelChildren: _this.props.children.map(function(o,i){
	                return React.cloneElement(o, {
	                    key: i ,
	                    panelKey:i,
	                    active : i==_this.props.defaultKey?true:false,
	                    animClassName : "",
	                    arrowContent : i==_this.props.defaultKey?o.props.arrow.openContent:o.props.arrow.closeContent,
	                    height: i==_this.props.defaultKey?46:0,
	                    callback: _this.callback.bind(_this)
	                });
	            })
	        }
	    },
	    componentWillMount: function(){
	    },
	    componentDidMount: function(){
	    },
	    componentDidUpdate: function(){
	        this.props.afterCallBack();
	    },
	    callback: function(key){
	        var _this = this;
	        _this.setState({
	            panelChildren: _this.props.children.map(function(o,i){
	                if(_this.props.accordion){//判断是否是手风琴
	                    return i == key ? React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : !_this.state.panelChildren[i].props.active,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.closeContent:o.props.arrow.openContent,
	                        //height: _this.state.panelChildren[i].props.active?0:46,
	                        callback: _this.callback.bind(_this)
	                    }):React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : false,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : o.props.arrow.closeContent,
	                        //height:0,
	                        callback: _this.callback.bind(_this)

	                    });
	                }else{
	                    return i == key ? React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : !_this.state.panelChildren[i].props.active,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.closeContent:o.props.arrow.openContent,
	                        //height: _this.state.panelChildren[i].props.active?0:46,
	                        callback: _this.callback.bind(_this)
	                    }):React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : _this.state.panelChildren[i].props.active,
	                        animClassName : "",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.openContent:o.props.arrow.closeContent,
	                        //height: _this.state.panelChildren[i].props.height,
	                        callback: _this.callback.bind(_this)
	                    });
	                }

	            })
	        });
	        /*setTimeout(function(){
	            _this.setState({
	                panelChildren: React.Children.map(_this.props.children,function(o,i){
	                    return React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : _this.state.panelChildren[i].props.active,
	                        animClassName : "",
	                        callback: _this.callback
	                    });
	                })
	            });
	        },200);*/
	    },
	    render: function(){
	        var _this = this;
	        var children = _this.state.panelChildren;
	        return (
	            React.createElement("div", {className: "ucs-collapse"}, children)
	        );
	    }
	});

	module.exports = Collapse;

/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {

	
	var classnames = __webpack_require__(15);

	var Panel = React.createClass({displayName: "Panel",
	    getDefaultProps: function(){
	        return {
	            arrow : {
	                style : {
	                    top: "0",
	                    left: "16px"
	                }
	            },
	            headerCanClick: true,
	            arrowCanClick: true
	        };
	    },
	    getInitialState: function () {
	        return {

	        }
	    },
	    componentWillMount: function(){

	    },
	    componentDidMount: function(){

	    },
	    handlerShow: function(canClick,e){
	        var evt = e ? e : window.event;
	        if (evt.stopPropagation) {
	            //W3C
	            evt.stopPropagation();
	        } else {
	            //IE
	            evt.cancelBubble = true;
	        }
	        var _this = this;
	        if(canClick){
	            _this.props.callback(_this.props.panelKey);
	        }else{
	            return;
	        }
	    },
	    componentDidUpdate: function(){

	    },
	    render: function(){
	        var _this = this;
	        var panelClassName = classnames('ucs-collapse-item',{
	            'ucs-collapse-item-active': _this.props.active
	        });
	        var conClassName = classnames('ucs-collapse-content',{
	            'ucs-collapse-content-inactive': !_this.props.active
	        },{
	            'ucs-collapse-content-active': _this.props.active
	        },_this.props.animClassName);
	        return (
	            React.createElement("div", {className: panelClassName}, 
	                React.createElement("div", {className: "ucs-collapse-header", role: "tab", "aria-expanded": _this.props.active, onClick: _this.handlerShow.bind(_this,_this.props.headerCanClick)}, 
	                    React.createElement("span", {className: "arrow", style: _this.props.arrow.style, onClick: _this.handlerShow.bind(_this,_this.props.arrowCanClick)}, _this.props.arrowContent), 
	                    _this.props.title
	                ), 
	                React.createElement("div", {className: conClassName, role: "tabpanel"}, 
	                    React.createElement("div", {className: "ucs-collapse-content-box"}, 
	                        _this.props.children
	                    )
	                )
	            )
	        );
	    }
	});

	module.exports = Panel;

/***/ },
/* 22 */
/***/ function(module, exports) {

	var TabItem=React.createClass({displayName: "TabItem",
	    render:function(){
	        return (this.props.children);
	    }
	});

	var Tabs=React.createClass({displayName: "Tabs",
	    getDefaultProps:function(){
	        return {
	            disabled:false,
	            defaultActiveKey:0
	        }
	    },
	    getInitialState:function(){
	        return {
	            currentIndex : this.props.defaultActiveKey
	        };
	    },
	    checkTitleIndex:function(index){
	        if(this.state.currentIndex==-1){
	            return "";
	        }else{
	            return index==this.state.currentIndex ? "ucs-tabs-active" : "";
	        }
	    },
	    checkContentIndex:function(index){
	        if(this.state.currentIndex==-1){
	            return "none";
	        }else{
	            return index==this.state.currentIndex ? "block" : "none";
	        }
	    },
	    _handleClick:function(index,disabled,e){
	        var source = e.target || e.srcElement;
	        if(!disabled){
	            var disabled=disabled?'disabled':'';
	            for(var i = 0; i < source.parentNode.childNodes.length; i++){
	                source.parentNode.childNodes[i].className = "";
	                this.refs['ucs-tabs-content'].childNodes[i].style.display = "none";
	            }
	            this.setState({
	                currentIndex: index
	            });
	            source.className = disabled+" "+this.checkTitleIndex(index);
	            this.refs['ucs-tabs-content'].childNodes[index].style.display = "block";
	        }
	        this.props.callback ? this.props.callback(this.state.currentIndex):"";
	    },
	    render:function(){
	        var _this=this;
	        return(
	            React.createElement("div", {className: "ucs-tabs"}, 
	                React.createElement("div", {className: "ucs-tabs-bar"}, 
	                    React.createElement("ul", null, 
	                        
	                            _this.props.children.map(function(element,index){
	                                var disabled=element.props.disabled?'disabled':'';
	                                return(
	                                    React.createElement("li", {onClick: _this._handleClick.bind(_this,index,element.props.disabled), className: disabled+" "+_this.checkTitleIndex(index)}, 
	                                         element.props.tab
	                                    )
	                                );
	                            })
	                        
	                    )
	                ), 
	                React.createElement("div", {className: "ucs-tabs-content", ref: "ucs-tabs-content"}, 
	                    
	                        _this.props.children.map(function(element,index){
	                            return(
	                                React.createElement("div", {className: "ucs-tabs-tabpane", style: {display: _this.checkContentIndex(index)}}, 
	                                    element.props.children
	                                )
	                            );
	                        })
	                    
	                )
	            )
	        );
	    }
	});

	Tabs.TabItem=TabItem;
	module.exports = Tabs;

/***/ }
/******/ ]);